<template>
	<swiper class="banner" circular :indicator-dots="true" :autoplay="true" interval="3000" duration="500">
		<swiper-item v-for="(item, index) in banners" :key="index">
			<image :src="item.logo" mode="widthFix" class="banner-img"></image>
		</swiper-item>
	</swiper>
</template>

<script setup>
import {useData} from "../../../common/useData";

const {modelData:banners}=useData("/shopBanner/list",{})
</script>

<style>
.banner {
	height: 300rpx;
	margin-bottom: 20rpx;
}

.banner-img {
	width: 100%;
	height: 300rpx;
}
</style> 